<template xmlns="http://www.w3.org/1999/html">
  <div>
    <div id="hhh">
      <form style="text-align: left">
        姓名：<input type="text" v-model="mingzi"><br>
        性别：<input type="radio" v-model="sex" value="男">男
             <input type="radio" v-model="sex" value="女">女<br>
        爱好：<input type="checkbox" v-model="hobby" value="唱">唱
              <input type="checkbox" v-model="hobby" value="跳">跳
              <input type="checkbox" v-model="hobby" value="rup">rup<br>
        城市:<select>
            <option>--请选择--</option>
            <option v-model="city">深圳</option>
            <option v-model="city">北京</option>
            <option v-model="city">上海</option>
      </select><br>
        出生:<input type="date" v-model="date"><br>
        <button type="submit" >提交</button>
      </form>
    </div>
  </div>
</template>

<script>
export default {
  name: "Load",
  data() {
    return {
      mingzi: "",
      sex: "男",
      hobby: [],
      city:"",
      date:""
    }
  }
}
</script>

<style scoped>
#hhh {
  width: 500px;
  margin: 0 auto;
}
</style>
